<template>
  <bpmn-viewer :flowData="flowData" :procInsId="procInsId" />
</template>

<script>
import BpmnViewer from "@/components/Process/viewer";
import { flowXmlAndNode } from "@/api/flowable/definition";
export default {
  name: "flowViewer",
  props: {
    bizId: {
      type: String,
      default: null,
    },
    bizType: {
      type: String,
      default: null,
    },
  },
  components: {
    BpmnViewer,
  },
  data() {
    return { procInsId: "17", deployId: "13", flowData: {} };
  },
  mounted() {
    flowXmlAndNode({
      procInsId: this.procInsId,
      deployId: this.deployId,
    }).then((res) => {
      this.flowData = res.data;
    });
  },
};
</script>

<style scoped></style>
